<script setup>
import { ref } from "vue";

const greetingMessage = ref('hello')
</script>
<template>
  <div>
    <!-- 插槽的内容访问到子组件的状态 -->
    <!-- 像对组件传递 props 那样，向一个插槽的出口上传递 attributes： -->
    <slot :text="greetingMessage" :count="1"></slot>
    <slot name="header" message="header"></slot>
    <slot name="footer" message="footer"></slot>
  </div>
</template>

<style></style>
